<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>store</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/store.css">
    <link rel="stylesheet" href="../css/head.css">
    <link rel="stylesheet" href="../css/fushuload.css">
    <script type="text/javascript" src="../js/zepto.min.js"></script>

</head>
<body>
<div class="all">
        <div class="loading">
            <div>
                <div class="first">
                    <img class="pic" src="../img/firstheadimg.png" alt="">
                    <div><a href="register16.html">登录</a></div>
                </div>
                <div><p>我关注的游戏</p></div>
                <div class="second">
                    <div>
                        <img src="../img/firstload.png" alt="">
                        <p>天天酷跑</p>
                    </div>
                    <img src="../img/rightarrowwhite.png" alt="">
                </div>
                <div class="third">
                    <div><p>+</p></div>
                    <a href="game_manage3.html">添加游戏</a>
                </div>
                <div class="fourth"><p>我要吐槽</p></div>
            </div>
        </div>
    <div class="firstpage">
         <!--头部-->
        <div class="head">
            <a href="###"><img class="img_menu" src="../img/first1.png" alt=""/></a>
            <h2>商城</h2>
            <a href="dingdan22.html">我的订单</a>
        </div>
        <!--轮播图-->
        <div class="showindow">
            <div class="content clearfix">
                <img class="l" src="../img/store1.png" alt=""><img src="../img/first3.png" alt=""><img src="../img/first2.png" alt="">
            </div>
            <div class="cir">
                <span class="on on1"></span><span class="on"></span><span class="on"></span>
            </div>
        </div>

        <ul class="game">
            <li>
                <img src="../img/store2.png" alt="">
                <br>
                <a href="skymoonknife.html">天涯明月刀</a>
            </li>
            <li>
                <img src="../img/store3.png" alt="">
                <br>
                <a href="###">天天酷跑</a>
            </li>
            <li>
                <img src="../img/store4.png" alt="">
                <br>
                <a href="###">我的世界</a>
            </li>
            <li>
                <img src="../img/store5.png" alt="">
                <br>
                <a href="###">大话西游</a>
            </li>
            <li>
                <img src="../img/store2.png" alt="">
                <br>
                <a href="skymoonknife.html">天涯明月刀</a>
            </li>
            <li>
                <img src="../img/store3.png" alt="">
                <br>
                <a href="###">天天酷跑</a>
            </li>
            <li>
                <img src="../img/store4.png" alt="">
                <br>
                <a href="###">我的世界</a>
            </li>
            <li>
                <img src="../img/store5.png" alt="">
                <br>
                <a href="###">大话西游</a>
            </li>
        </ul>

        <div class="gifts">
                <p>热门礼包</p>
                <ul >
                    <li>
                        <img src="../img/store6.png" alt="">
                        <p>领取条件:连续签到25天</p>
                        <p>10q币</p>
                        <div><p>超级火爆被抢光</p></div>
                    </li>
                    <li>
                        <img src="../img/store7.png" alt="">
                        <p>领取条件:免费</p>
                        <p>800元宝&nbsp;&nbsp;600元宝</p>
                        <div><p>领取</p></div>
                    </li>
                    <li>
                        <img src="../img/store8.png" alt="">
                        <p>领取条件:连续签到25天</p>
                        <p>10q币</p>
                        <div><p>超级火爆被抢光</p></div>
                    </li>
                    <li>
                        <img src="../img/store9.png" alt="">
                        <p>领取条件:免费</p>
                        <p>800元宝&nbsp;&nbsp;600元宝</p>
                        <div><p>领取</p></div>
                    </li>
                </ul>
        </div>
        <ul class="dd">
            <li><a href="firstPage.html"><img src="../img/1.png" alt="" /></a><p>首页</p></li>
            <li><a href="video.html"><img src="../img/2.png" alt="" /></a><p>视频</p></li>
            <li><a href="store.html"><img src="../img/a2.png" alt="" /></a><p>商城</p></li>
            <li><a href="fifty-mine.html"><img src="../img/4.png" alt="" /></a><p>我的</p></li>
        </ul>
    </div>
</div>
</body>
<script type="text/javascript" src="../js/touchmove.js"></script>
<script type="text/javascript" src="../js/playauto.js"></script>
<script type="text/javascript" src="../js/clicktoload.js"></script>
<script type="text/javascript">

    var div = document.getElementsByClassName('game')[0];
    var startPoint = {x : 0}
    var endPoint = {x : 0}

    var xx= $('.firstpage').width();
    div.ontouchstart = function(event){
        var touchST = event.changedTouches[0];
        startPoint.x = touchST.pageX;
    }
    div.ontouchmove = function(event){
        var touchED = event.changedTouches[0];
        endPoint.x = touchED.pageX;
        var ss=div.offsetLeft + endPoint.x - startPoint.x;

        console.log(event)
        if (ss<0&&ss>-xx) {
            div.style.left =ss + "px";
        }

        startPoint.x = endPoint.x;
        event.preventDefault();
        return false;
    }
</script>
</html>